*{padding: 0;margin: 0}

@function vw($vw){
    @return ($vw/1242)*100+vw
}
.all{
    height: vw(1290);
    width: vw(1238);
     background: #ffffff;
}
.box{
    width: vw(1155);
    margin: auto;
    .top{
        height: vw(171);
        line-height: vw(171);
        font-size: vw(60);
        p{
            width: vw(476);
            float: right;
            font-size: vw(35);
        }
        i{
            float: right;
            font-size: vw(25);
            color: #999999;
        }
    }
    .content{
        width: vw(1155);
        height: vw(530);
        background: #e26051;
        border-radius: vw(15);
        .cp1{
            color: #ffffff;
            font-size: vw(42);
            padding: vw(71) 0 vw(47) vw(67);
            span{
                display: inline-block;
                margin-left: vw(15);
                width: vw(18);
                height:vw(18);
                border-radius: 50%;
                background: #f0ec46;
            }
            i{
                float: right;
                font-size: vw(45);
                margin-right: vw(60);
                color: #fff;
            }
        }
        .cp2{
            color: #ffffff;
            font-size: vw(65);
            width: vw(1062);
            margin: auto;
            text-indent: vw(20);
            padding-bottom:vw(92);
            position: relative;
            border-bottom: 1px solid #fff;
             span{
                 position: absolute;
                display: inline-block;
                left: vw(530);
                width: vw(241);
                height:vw(91);
                border-radius: vw(40);
                color: #ad718d;
                font-size: vw(35);
                line-height: vw(91);
                text-align: center;
                background: #ffffff;
                font-weight: bold;
            }
        }
        .cbot{
            width: vw(1062);
            height: vw(90);
            margin: auto;
            margin-top: vw(62);
            position: relative;
            div{
                width: vw(353);
                font-size: vw(33);
                line-height: vw(45);
                display: inline-block;
                text-indent: vw(64);
                float: left;
                color: #fff;
                span{
                    position: absolute;
                    left: vw(147);
                    top:vw(-13);
                    display: inline-block;
                    width: vw(78);
                    height: vw(46);
                    font-size: vw(28);
                    text-align: center;
                    background: #c8524b;
                    border-radius: vw(15) vw(15) vw(15) 0;
                }
            }
            .cpd1{text-indent: 0;}
            .cpd1,.cpd2{border-right: 1px solid #fff;}
        }
    }   
    .show{
        height: vw(490);
        width: vw(1084);
        margin: 0 auto;
        div{
            display: inline-block;
            float: left;
            width: vw(163);
            height: vw(187);
            margin-top: vw(50);
            text-align: center;
            .sp1{
                width: vw(131);
                height: vw(131);
                border: 0.3vw solid #e2cdad;
                border-radius: 50%;
                line-height: vw(131);
                i{
                    font-size: vw(75);
                    color: #c6a27b;
                }
            }
            .sp2{
                margin-top: vw(20);
                font-size: vw(32);
            }
        }
        .divt{margin-left: vw(67);}
    }
}
